
/*****  Network Switch Port Facade  *****/
.device_facade {margin:5px 10px 20px;}
.device_facade .led {position:absolute;background-color:#000;width:6px;height:6px;}
.device_facade .led.odd {top:2px;}
.device_facade .led.even {top:76px;}
.device_facade .led.gigabit {background-color:#0f0;}
.device_facade .led.ethernet {background-color:#f60;}
.device_facade .label {position:absolute; font-size:10px;text-align:center;width:24px;}
.device_facade .label.odd {top:10px;}
.device_facade .label.even {top:63px;}
.device_facade .port {position:absolute;background-color:#000;width:24px;height:18px;cursor:url(/img/icons/magnifier-zoom-in.png), -moz-zoom-in;background-repeat: no-repeat;}
.device_facade .port.odd {top:24px;background-image:url('../img/facades/connector_mask_up.png');background-position:center top;}
.device_facade .port.even {top:44px;background-image:url('../img/facades/connector_mask_down.png');background-position:center bottom;}

.device_facade .port.up {background-color:#0d0;}
.device_facade .port.down {background-color:#e00;}
/* 24 Port Switches */
.device_facade.switch24port {width:800px; height:84px;border:1px solid #999;background:#ccc;}
.device_facade.switch24port .section {position:absolute;top:24px;width:158px;height:38px;background:#86827d;}
.device_facade.switch24port .section.section1 {left:246px;}
.device_facade.switch24port .led1, .device_facade.switch24port .led2 {left:258px;}
.device_facade.switch24port .port1, .device_facade.switch24port .port2,.device_facade.switch24port .label1, .device_facade.switch24port .label2 {left:248px;}
.device_facade.switch24port .led3, .device_facade.switch24port .led4 {left:284px;}
.device_facade.switch24port .port3, .device_facade.switch24port .port4,.device_facade.switch24port .label3, .device_facade.switch24port .label4 {left:274px;}
.device_facade.switch24port .led5, .device_facade.switch24port .led6 {left:310px;}
.device_facade.switch24port .port5, .device_facade.switch24port .port6,.device_facade.switch24port .label5, .device_facade.switch24port .label6 {left:300px;}
.device_facade.switch24port .led7, .device_facade.switch24port .led8 {left:336px;}
.device_facade.switch24port .port7, .device_facade.switch24port .port8,.device_facade.switch24port .label7, .device_facade.switch24port .label8 {left:326px;}
.device_facade.switch24port .led9, .device_facade.switch24port .led10 {left:362px;}
.device_facade.switch24port .port9, .device_facade.switch24port .port10,.device_facade.switch24port .label9, .device_facade.switch24port .label10 {left:352px;}
.device_facade.switch24port .led11, .device_facade.switch24port .led12 {left:388px;}
.device_facade.switch24port .port11, .device_facade.switch24port .port12,.device_facade.switch24port .label11, .device_facade.switch24port .label12 {left:378px;}

.device_facade.switch24port .section.section2 {left:466px;}
.device_facade.switch24port .led13, .device_facade.switch24port .led14 {left:478px;}
.device_facade.switch24port .port13, .device_facade.switch24port .port14,.device_facade.switch24port .label13, .device_facade.switch24port .label14 {left:468px;}
.device_facade.switch24port .led15, .device_facade.switch24port .led16 {left:504px;}
.device_facade.switch24port .port15, .device_facade.switch24port .port16,.device_facade.switch24port .label15, .device_facade.switch24port .label16 {left:494px;}
.device_facade.switch24port .led17, .device_facade.switch24port .led18 {left:530px;}
.device_facade.switch24port .port17, .device_facade.switch24port .port18,.device_facade.switch24port .label17, .device_facade.switch24port .label18 {left:520px;}
.device_facade.switch24port .led19, .device_facade.switch24port .led20 {left:556px;}
.device_facade.switch24port .port19, .device_facade.switch24port .port20,.device_facade.switch24port .label19, .device_facade.switch24port .label20 {left:546px;}
.device_facade.switch24port .led21, .device_facade.switch24port .led22 {left:582px;}
.device_facade.switch24port .port21, .device_facade.switch24port .port22,.device_facade.switch24port .label21, .device_facade.switch24port .label22 {left:572px;}
.device_facade.switch24port .led23, .device_facade.switch24port .led24 {left:608px;}
.device_facade.switch24port .port23, .device_facade.switch24port .port24,.device_facade.switch24port .label23, .device_facade.switch24port .label24 {left:598px;}
/* Uplink Ports */
.device_facade.switch24port .led25, .device_facade.switch24port .led26 {left:650px;}
.device_facade.switch24port .port25, .device_facade.switch24port .port26,.device_facade.switch24port .label25, .device_facade.switch24port .label26 {left:642px;}

.device_facade.switch24port .section.section3 {display:none;}


/* 48 Port Switches */
.device_facade.switch48port {width:800px; height:84px;border:1px solid #999;background:#ccc;}
.device_facade.switch48port .section {position:absolute;top:24px;width:210px;height:38px;background:#86827d;}



.device_facade.switch48port .section.section1 {left:46px;}
.device_facade.switch48port .led1, .device_facade.switch48port .led2 {left:57px;}
.device_facade.switch48port .port1, .device_facade.switch48port .port2,.device_facade.switch48port .label1, .device_facade.switch48port .label2 {left:48px;}
.device_facade.switch48port .led3, .device_facade.switch48port .led4 {left:84px;}
.device_facade.switch48port .port3, .device_facade.switch48port .port4,.device_facade.switch48port .label3, .device_facade.switch48port .label4 {left:74px;}
.device_facade.switch48port .led5, .device_facade.switch48port .led6 {left:110px;}
.device_facade.switch48port .port5, .device_facade.switch48port .port6,.device_facade.switch48port .label5, .device_facade.switch48port .label6 {left:100px;}
.device_facade.switch48port .led7, .device_facade.switch48port .led8 {left:136px;}
.device_facade.switch48port .port7, .device_facade.switch48port .port8,.device_facade.switch48port .label7, .device_facade.switch48port .label8 {left:126px;}
.device_facade.switch48port .led9, .device_facade.switch48port .led10 {left:162px;}
.device_facade.switch48port .port9, .device_facade.switch48port .port10,.device_facade.switch48port .label9, .device_facade.switch48port .label10 {left:152px;}
.device_facade.switch48port .led11, .device_facade.switch48port .led12 {left:188px;}
.device_facade.switch48port .port11, .device_facade.switch48port .port12,.device_facade.switch48port .label11, .device_facade.switch48port .label12 {left:178px;}
.device_facade.switch48port .led13, .device_facade.switch48port .led14 {left:214px;}
.device_facade.switch48port .port13, .device_facade.switch48port .port14,.device_facade.switch48port .label13, .device_facade.switch48port .label14 {left:204px;}
.device_facade.switch48port .led15, .device_facade.switch48port .led16 {left:240px;}
.device_facade.switch48port .port15, .device_facade.switch48port .port16,.device_facade.switch48port .label15, .device_facade.switch48port .label16 {left:230px;}

.device_facade.switch48port .section.section2 {left:268px;}
.device_facade.switch48port .led17, .device_facade.switch48port .led18 {left:280px;}
.device_facade.switch48port .port17, .device_facade.switch48port .port18,.device_facade.switch48port .label17, .device_facade.switch48port .label18 {left:270px;}
.device_facade.switch48port .led19, .device_facade.switch48port .led20 {left:306px;}
.device_facade.switch48port .port19, .device_facade.switch48port .port20,.device_facade.switch48port .label19, .device_facade.switch48port .label20 {left:296px;}
.device_facade.switch48port .led21, .device_facade.switch48port .led22 {left:332px;}
.device_facade.switch48port .port21, .device_facade.switch48port .port22,.device_facade.switch48port .label21, .device_facade.switch48port .label22 {left:322px;}
.device_facade.switch48port .led23, .device_facade.switch48port .led24 {left:358px;}
.device_facade.switch48port .port23, .device_facade.switch48port .port24,.device_facade.switch48port .label23, .device_facade.switch48port .label24 {left:348px;}
.device_facade.switch48port .led25, .device_facade.switch48port .led26 {left:384px;}
.device_facade.switch48port .port25, .device_facade.switch48port .port26,.device_facade.switch48port .label25, .device_facade.switch48port .label26 {left:374px;}
.device_facade.switch48port .led27, .device_facade.switch48port .led28 {left:410px;}
.device_facade.switch48port .port27, .device_facade.switch48port .port28,.device_facade.switch48port .label27, .device_facade.switch48port .label28 {left:400px;}
.device_facade.switch48port .led29, .device_facade.switch48port .led30 {left:436px;}
.device_facade.switch48port .port29, .device_facade.switch48port .port30,.device_facade.switch48port .label29, .device_facade.switch48port .label30 {left:426px;}
.device_facade.switch48port .led31, .device_facade.switch48port .led32 {left:462px;}
.device_facade.switch48port .port31, .device_facade.switch48port .port32,.device_facade.switch48port .label31, .device_facade.switch48port .label32 {left:452px;}

.device_facade.switch48port .section.section3 {left:488px;}
.device_facade.switch48port .led33, .device_facade.switch48port .led34 {left:500px;}
.device_facade.switch48port .port33, .device_facade.switch48port .port34,.device_facade.switch48port .label33, .device_facade.switch48port .label34 {left:490px;}
.device_facade.switch48port .led35, .device_facade.switch48port .led36 {left:526px;}
.device_facade.switch48port .port35, .device_facade.switch48port .port36,.device_facade.switch48port .label35, .device_facade.switch48port .label36 {left:516px;}
.device_facade.switch48port .led37, .device_facade.switch48port .led38 {left:552px;}
.device_facade.switch48port .port37, .device_facade.switch48port .port38,.device_facade.switch48port .label37, .device_facade.switch48port .label38 {left:542px;}
.device_facade.switch48port .led39, .device_facade.switch48port .led40 {left:578px;}
.device_facade.switch48port .port39, .device_facade.switch48port .port40,.device_facade.switch48port .label39, .device_facade.switch48port .label40 {left:568px;}
.device_facade.switch48port .led41, .device_facade.switch48port .led42 {left:604px;}
.device_facade.switch48port .port41, .device_facade.switch48port .port42,.device_facade.switch48port .label41, .device_facade.switch48port .label42 {left:594px;}
.device_facade.switch48port .led43, .device_facade.switch48port .led44 {left:630px;}
.device_facade.switch48port .port43, .device_facade.switch48port .port44,.device_facade.switch48port .label43, .device_facade.switch48port .label44 {left:620px;}
.device_facade.switch48port .led45, .device_facade.switch48port .led46 {left:656px;}
.device_facade.switch48port .port45, .device_facade.switch48port .port46,.device_facade.switch48port .label45, .device_facade.switch48port .label46 {left:646px;}
.device_facade.switch48port .led47, .device_facade.switch48port .led48 {left:682px;}
.device_facade.switch48port .port47, .device_facade.switch48port .port48,.device_facade.switch48port .label47, .device_facade.switch48port .label48 {left:672px;}

.device_facade.switch48port .led49, .device_facade.switch48port .led50 {left:729px;}
.device_facade.switch48port .port49, .device_facade.switch48port .port50,.device_facade.switch48port .label49, .device_facade.switch48port .label50 {left:720px;background-image:none !important;}